<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js+css</title>
</head>
<style type="text/css">
	div{
		width: 100px;
		height: 100px;
		border:1px solid red;
	}
	.aa{
		background: red;
	}
</style>
<body>
<!--   
1.在option添加selected默认显示 
2.$('.lunwen:eq(2) td:eq(5) input').val()  获取指定td下的input值
3.$('.lunwen td:eq(6)').attr('id')   获取指定td的id值
4.$(".alternate").find("option:checked").attr("id") 选中select被选中的option值
5.||有一个符合条件就执行,&&都符合条件在执行
6.背景图渐变属性background:linear-gradient(to right,red,yellow)
7.禁用按钮  按钮的id为btnzhuce
            制按钮为禁用：  $("#btnzhuce").attr({"disabled":"disabled"});
            控制按钮可用:   $("#btnzhuce").removeAttr("disabled");
8.小手的图标     cursor: pointer;
9.判断cheboxs是否选中  $('#club').is(':checked')
10.滚动滚到指定位置 $("html,body").animate({scrollTop:'500px'},1)
11.溢出的部分出现省略号      text-overflow: ellipsis;
12.判断是否有隐藏属性 if($("#test").is(":hidden")) true时有隐藏属性
                     var display =$('#one').css('display');    
                     display为none就是隐藏为
13.判断数据类型 typeof '222';输出string
14.将字符类型转成数字类型  parseInt('123haha');输出123;
15.解决手机端键盘影响页面事件
    $(document).ready(function () {
     　 $('body').height($('body')[0].clientHeight);
    });
16.获取下标,必须原生js
function leftInfo(){
    var result=document.getElementById("user_id1_ing").querySelectorAll("div");
    for(var i=0;i<result.length;i++){
        result[i].index=i;
        console.log(result[i].index);
        result[i].onclick=function(){
            alert(this.index);
        }
    }
}
17.$(".rounds:even");jQuery方法选中奇数
18.$.unique(aa);    数组去重
19. $(".province").find("option[value='安徽省']").attr("selected","true")
20.表单的数字属性  onkeyup="value=value.replace(/[^1234567890-]+/g,'')"
20.表单去除空格  onkeyup="this.value=this.value.replace(/\s+/g,'')"
21.修改placeholder的样式
    input::-webkit-input-placeholder{
        color: #D3D3D3;
        font-size: 15px;
    }
22.给input添加checked属性  $(element).prop('checked', true/false);
23.清除session   sessionStorage.removeItem('two_late');
24.正则判断手机号：!(/^1[3456789]\d{9}$/.test(input_dianhuazixun))
-->
</body>
<!-- 全局刷新 -->
<script type="text/javascript">
    window.location.reload() //刷新当前页面. 
    parent.location.reload() //刷新父亲对象（用于框架） 
    opener.location.reload() //刷新父窗口对象（用于单开窗口） 
    top.location.reload() //刷新最顶端对象（用于多开窗口）
    window.location.href="www.baidu.com";//跳转至指定页面
</script>
<!-- 添加和移除class属性 -->
<script type="text/javascript">
    //js方法
    var a=document.getElementById('a');
    var b=document.getElementById('b');
    b.onclick=function(){
        a.setAttribute('class','aa');//添加一个class名字为aa
        a.removeAttribute('class','aa');//删除名字为aa的class
    }
    //jQuery方法
    b.onclick=function(){
        $("#a").addClass("aa");//添加一个class名字为aa
        $("#a").removeClass("aa");//删除名字为aa的class
    }
</script>
<!-- 获取登陆者id号 -->
<script type="text/javascript">
    var user_id;//声明一个全局变量获取登陆者的id号
    function getUserId(){
        $.ajax({
            type: "POST",
            url: "/wx/yonghu.aspx", //通过地址拿到数据
            dataType: "XML",
            contentType: "application/x-www-form-urlencoded; charset=GB2312",
            async: false,
            success: function (data) { //数据都在data里
                user_id = $(data).find("UserID").text();
            }
        });
    }
    getUserId()
</script>
<!-- 解决兼容模式 -->
<script type="text/javascript">
    if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE6.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE7.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE8.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE9.0") {
        window.location.href = "http://ehall.njust.edu.cn/portal/browerTips.html";
    }
</script> 
<!-- ajax获取后台数据 -->
<script type="text/javascript">
    function changeBack(){
        $.get(url+"/Peeling/edituserpeeling",{type:1},function (res) {//所有数据都在res里
            if(res.status==1){
                $(".background").css("background-image",'url('+res.date+')'); 
            }else {
                // console.log("0");
            }
        },'json')        
    }
</script>
<!-- ajax发送数据给后台 -->
<script type="text/javascript">
    $("#immediate_raply").click(function () {
        var reply_money=$("#cangku").find(".color1").html();
        $.get(url+"/userasset/addgold",{money:reply_money},function (res) {
            if(res.foalt==1){
                $("#already_money").html(""+res.goldmoney+"牛币")
                openModel('success', "成功充值", 3000);
            }else {
                openModel('error', "充值失败", 2000);
            }
        },'json')
    })
</script>
<!-- file上传图片 -->
<script type="text/javascript">
    //先获取图片
    function upimg(){
        $("#moniclik").click();
        $("#moniclik").change(function(){   
            var file = this.files[0];
            if (window.FileReader) {    
                    var reader = new FileReader();    
                    reader.readAsDataURL(file);    
                    //监听文件读取结束后事件    
                    reader.onloadend = function (e) {
                        console.log(e.target.result);
                        var img_src=e.target.result;
                        sendImg(img_src);//上传图片地址
                        // $(".img").attr("src",e.target.result);    //e.target.result就是最后的路径地址
                    };    
            } 
        });
    }
    // 图片上传给后台
    function sendImg(img_src){
        $.post(url+"/userasset/sendImgsrc",{type:img_src},function (res) {
            if(res.foalt==1){
                console.log("成功");
            }else {
                console.log("失败");
            }
        },'json')
    }
</script>
<!-- 页面刷新后跳至指定位置search传值 -->
<script type="text/javascript">
    //刷新时跳至指定位置
    window.onload=function(){
        var search=location.search.substring(1);
        if('s=/Home/guildset/index/guild_id/31.html&yzm' == search){
            $("#switch_side li:eq(1)").click();//模拟点击事件
        }
    }
    //要跳转的页面
    window.location.href='http://www.niubi.com/index.php?s=/Home/guildset/index/guild_id/31.html&yzm'
</script>
<!-- 页面刷新后跳至指定位置cookie传值 -->
<!-- 用cookie实现跳转 -->
<script type="text/javascript">
    document.cookie="yzm=friendly_link"
    window.onload=function(){
        var strCookie=document.cookie;
        //将多cookie切割为多个名/值对
        var arrCookie=strCookie.split("; ");
        var userId;
        //遍历cookie数组，处理每个cookie对
        for(var i=0;i<arrCookie.length;i++){
            var arr=arrCookie[i].split("=");
            //找到名称为userId的cookie，并返回它的值
            if("yzm"==arr[0]){
             userId=arr[1];
             break;
            }
        }
        if (userId == 'friendly_link') {
            $(".side_left li:eq(2)").click();
            document.cookie="yzm=null"
        }
    }
</script>
<!-- sessionstorage存值与取值 -->
<script type="text/javascript">
    //存值
    window.sessionStorage.setItem('aaa', 'bbb');
    //取值
    var arr = sessionStorage.getItem('aaa');
    var array = JSON.parse(arr);  //
</script>
<!-- 时间戳转换成时间,时间转换成时间戳 -->
<script type="text/javascript">
    //所谓时间戳就是当前时间距离1970-01-01 08:00:00的总秒数乘以1000(毫秒数)不乘就是秒数
    //获取当前时间(中国标准时间)
    var newDate = new Date();//Tue Sep 26 2017 13:31:26 GMT+0800 (中国标准时间)
    //将当前时间转换成不同时间格式呈现
    new Date().toDateString();// Wed Jun 18 2014 
    new Date().toGMTString();// Wed, 18 Jun 2014 02:33:24 GMT 
    new Date().toISOString();// 2014-06-18T02:33:24.000Z
    new Date().toJSON();// 2014-06-18T02:33:24.000Z 
    new Date().toLocaleDateString();// 2014年6月18日 
    new Date().toLocaleString();// 2014年6月18日 上午10:33:24 
    new Date().toLocaleTimeString();// 上午10:33:24 
    new Date().toTimeString();// 10:33:24 GMT+0800 (中国标准时间) 
    new Date().toUTCString();// Wed, 18 Jun 2014 02:33:24 GMT
    //将时间转换成时间戳
    var stringTime = "2014-07-10 10:21:12";
    var timestamp2 = Date.parse(new Date(stringTime))/ 1000;//除1000得到秒数,时间戳,不除是毫秒数
    //获取当前时间戳(以s为单位)
    var new_time_stamp=Date.parse(new Date())/1000;//到1970-01-01 08:00:00的秒数为1506404874
    //时间戳转时间
    var tt=new Date(parseInt(1506407875) * 1000).toLocaleString();//"2017/9/26 下午2:37:55"
</script>
<!-- 在页面中引入flash -->
<!-- 1.引入框架的形式 -->
<iframe src="test1.html" height= "100px" name="leftFrame" scrolling="No"  noresize="noresize"  id="leftFrame"></iframe>
<!-- 2.embed标签引入 -->
<embed width="100%" height="360" allownetworking="all" allowscriptaccess="always" src="http://liveshare.huya.com/s7/huyacoop.swf" quality="high" bgcolor="#000" wmode="window" allowfullscreen="true" allowfullscreeninteractive="true" type="application/x-shockwave-flash">
<!-- 获取数字对象底下的数据 -->
<script type="text/javascript">
    //定义一个对象
    var obj={1:123,2:'abc',a:456,b:'def'};
    //正常情况下直接.对象就可以obj.a或者obj.b数字的话就不行
    //有数字的时候用 obj[1],obj[2]
</script>
<!-- js移入移出事件 -->
<script type="text/javascript">
    function moveOut(){
        $(".myNav").css({'height':'8px','overflow':'hidden'});
        $(".myNav").attr("id","yzm_over");
        var yzm_over=document.getElementById("yzm_over");
        yzm_over.onmouseover=function(){
            yzm_over.style.height=71+'px';
            yzm_over.style.transition='all 0.5s ease';
            yzm_over.style.overflow='initial';  
        }
        yzm_over.onmouseout=function(){
            yzm_over.style.height=8+'px';
            yzm_over.style.overflow='hidden';
            yzm_over.style.transition='all 0.5s ease';
        }
    }
    moveOut()
</script>
<!-- 阻止a标签默认事件与冒泡事件 -->
<script type="text/javascript">
// 冒泡事件
function myfn(e){
    window.event? window.event.cancelBubble = true : e.stopPropagation();
}
// 默认事件
function myfn(e){
    window.event? window.event.returnValue = false : e.preventDefault();
}
</script>
<!-- 手机端滑动时阻止a链接跳转 -->
<script type="text/javascript">
$(function() {
//处理 滑动超长list的时候 click页面强行停止页面 可能会触发页面上的a链接
var count = 0,
timer = null;
var oldTop = newTop = $(window).scrollTop();
function log() {
if (timer) clearTimeout(timer);
newTop = $(window).scrollTop();
if (newTop === oldTop) {
  $("a").removeAttr("onclick"); 
  clearTimeout(timer);
} else {
  oldTop = newTop;
  timer = setTimeout(log, 100);
  $("a").attr("onclick", "return false"); //页面还在滚动中的操作
}
}
$(window).on('touchmove', log);
});
</script>